<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title1111111111</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
</head>
<body>
    <div class="app">
        <input v-model="name" type="text" class="name" >
        <h1>Test</h1>
        <a href="index.html">Index</a>
        <a href="test.html">Test</a>

        <!--list-->
        <ul>
        </ul>

    </div>
</body>

<script>
    // jq
    // $(function () {
    //     $('.name').change(function () {
    //
    //         $('h1').html($(this).val());
    //
    //     })
    // })


    //VUE
    new Vue({
        el: '.app',
        data: function () {
            return {
                'name': 'xxxxx',
                uses: [
                    { name: 'Awei', age: 10, sex: 'man' },
                    { name: 'Bwei', age: 22, sex: 'woman' },
                    { name: 'Cwei', age: 23, sex: 'woman' },
                    { name: 'Dwei', age: 24, sex: 'man' },
                    { name: 'Bwei', age: 22, sex: 'woman' },
                    { name: 'Cwei', age: 23, sex: 'woman' },
                    { name: 'Dwei', age: 24, sex: 'man' },
                    { name: 'Bwei', age: 22, sex: 'woman' },
                    { name: 'Cwei', age: 23, sex: 'woman' },
                    { name: 'Dwei', age: 24, sex: 'man' },
                    { name: 'Bwei', age: 22, sex: 'woman' },
                    { name: 'Cwei', age: 23, sex: 'woman' },
                    { name: 'Dwei', age: 24, sex: 'man' },
                    { name: 'Bwei', age: 22, sex: 'woman' },
                    { name: 'Cwei', age: 23, sex: 'woman' },
                    { name: 'Dwei', age: 24, sex: 'man' },
                    { name: 'Bwei', age: 22, sex: 'woman' },
                    { name: 'Cwei', age: 23, sex: 'woman' },
                    { name: 'Dwei', age: 24, sex: 'man' },
                    { name: 'Bwei', age: 22, sex: 'woman' },
                    { name: 'Cwei', age: 23, sex: 'woman' },
                    { name: 'Dwei', age: 24, sex: 'man' },
                ]
            }
        }
    })
</script>

</html>